<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<img src="img/banner_1.jpg" width="100%" id="img"/>
		
		<script type="text/javascript">
			/**
			 * 在页面上使用img标签显示图片
			 * 2：定义一个方法修改src属性
			 * 3：定义一个定时器，每隔3秒调用一次方法
			 */
			var num = 1;
			function fun(){
				num++;
				if(num>3){
					num =1;
				}
				var img = document.getElementById("img");
				img.src ="img/banner_"+num+".jpg" 
			}
			//设置循环定时器
			setInterval(fun,3000);
		</script>
	</body>
</html>
